@import '@/assets/styles/variables.module.scss';

// 信息提示区域样式定义
.info {

  // 搜索PDF按钮样式
  .searchPdf {
    color: #409EFF; // 按钮文字颜色设置为蓝色
  }
}

// 文本居中样式
.center {
  text-align: center; // 将文本内容居中对齐
}

// 家属信息表格样式定义
.family {

  // 表头样式
  .tableHead {
    display: flex; // 使用弹性布局使得表头元素水平排列
    background-color: #f3f8f9; // 设置背景颜色为淡灰色
    height: 50px;
    line-height: 50px; // 设置表头高度及行高以适应内容
    font-size: 14px; // 字体大小设置为14px
    justify-content: center; // 使表头元素左右间距均匀分布
    padding: 0 10px; // 内边距设置为左右20px
    text-align: center;

    &>div {
      flex: 1;
    }
  }

  // 表体样式
  .tableBody {
    // 表格列样式
    height: 300px;
    overflow-y: scroll;

    .tableColumn {
      display: flex; // 使用弹性布局使得表格列元素水平排列
      justify-content: space-around; // 使表格列元素左右间距均匀分布
      height: 50px;
      line-height: 50px; // 设置表格行高及高度以适应内容

      .column {
        flex: 1;
        text-align: center;
        padding: 0 10px;

        .el-icon {
          font-size: 16px;
          margin: 0 5px;

          &.add {
            color: $--color-main;
          }

          &.delect {
            color: $red;
          }
        }
      }
    }
  }
}

.elcolFlex {
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;

  .el-form-item {
    width: 50%;
  }
}